<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>投递成功</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3063638_l4t9o8ly6jq.css">
    <link rel="stylesheet" href="../swiper-8.0.7/swiper8/swiper-bundle.min.css">
    <!-- <link rel="stylesheet" href="../bootstrap-4.6.1-dist/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/deliver-success.css">
</head>

<body>
    <!-- 头部导航栏 -->
    <header class="header">
        <div class="container">
            <!-- 头部品牌logo -->
            <div class="brand">
                <a href="./homepage.html" class="logo">
                    <img src="../imgs/logo.png" alt="" class="logo-img">
                    <h2 class="logo-title">得程</h2>
                </a>
                <div class="recruit">
                    <a href="./homepage.html" class="recruit-txt">进入招聘版</a>
                </div>
            </div>
            <!-- 头部导航栏 -->
            <div class="head-nav">
                <!-- 菜单项 -->
                <ul class="menu">
                    <li class="item active"><a href="#" class="item-txt">首页</a></li>
                    <li class="item"><a href="#" class="item-txt">职位</a></li>
                    <li class="item"><a href="#" class="item-txt">公司</a></li>
                </ul>
                <!-- 登录用户信息 -->
                <div class="user-info">
                    <div class="news">
                        <a href="">消息</a>|
                    </div>
                    <div class="resume">
                        <a href="">简历</a>|
                    </div>
                    <div class="deliver">
                        <a href="">投递</a>
                    </div>
                    <!-- 用户信息 -->
                    <div class="user">
                        <div class="user-name">霍美美</div>
                        <ul class="user-menu">
                            <li class="menu-item"><a href="">个人主页</a></li>
                            <li class="menu-item"><a href="">职位收藏</a></li>
                            <li class="menu-item"><a href="">关注公司</a></li>
                            <li class="menu-item"><a href="">账号设置</a></li>
                            <li class="menu-item item-line"></li>
                            <li class="menu-item"><a href="">去招聘版</a></li>
                            <li class="menu-item"><a href="./homepage.html">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- 投递成功 -->
    <div class="deliver-status">
        <div class="container">
            <!-- 中间投递成功 -->
            <div class="deliver-success">
                <img src="../imgs/deliver-resume.png" alt="" class="deliver-resume-img">
                <p class="desc">投递成功</p>
                <a href="./jobdetails.html" class="return">返回</a>
            </div>
            <!-- 右侧投递简历 -->
            <div class="resume">
                <a href="./deliver-success.html" class="deliver-resume">
                    <img src="../imgs/little-deliver-resume.png" alt="">
                    <div class="txt">投递简历</div>
                </a>

                <div class="setup-resume">
                    <div class="online-resume">
                        <img src="../imgs/online-resume.png" alt="" class="online-resume-img">
                        <div class="txt ellipsis-1">在线简历</div>
                        <img src="../imgs/little-down-arrow.png" alt="" class="little-down-arrow">
                    </div>
                    <!-- 下拉列表 -->
                    <div class="select-resume">
                        <div class="select-title">选择简历</div>
                        <div class="line1"></div>

                        <div class="resume-list">
                            <img src="../imgs/online-resume.png" alt="" class="online-resume-img">
                            <div class="txt ellipsis-1">在线简历</div>
                            <div class="select">
                                <div class="selectd"></div>
                            </div>
                        </div>
                        <div class="line2"></div>
                        <div class="resume-list">
                            <img src="../imgs/resume-img.png" alt="" class="resume-img">
                            <div class="txt ellipsis-1">郭美美的个人简历</div>
                            <div class="select"></div>
                        </div>
                        <div class="resume-list">
                            <img src="../imgs/resume-img.png" alt="" class="resume-img">
                            <div class="txt ellipsis-1">小郭的简历</div>
                            <div class="select"></div>
                        </div>

                        <a href="" class="upload">
                            <img src="../imgs/upload-img.png" alt="" class="upload-img">
                            <div class="txt">上传附件简历</div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- 底部导航栏 -->
    <footer class="footer">
        <div class="container">
            <div class="service">
                <div class="links">
                    <div class="link">
                        <!-- 帮助链接信息 -->
                        <dl class="link-info">
                            <dt class="link-title">关于得程</dt>
                            <dd class="link-item"><a href="#">了解得程</a></dd>
                            <dd class="link-item"><a href="#">得程APP</a></dd>
                            <dd class="link-item"><a href="#">用户协议</a></dd>
                        </dl>
                        <dl class="link-info">
                            <dt class="link-title">帮助与反馈</dt>
                            <dd class="link-item"><a href="#">使用帮助</a></dd>
                            <dd class="link-item"><a href="#">意见反馈</a></dd>
                        </dl>
                        <dl class="link-info">
                            <dt class="link-title">联系我们</dt>
                            <dd class="link-item">4006-345-345</dd>
                            <dd class="link-item">周一至周日 9:00-18:00</dd>
                        </dl>
                    </div>
                    <!-- 图片帮助 -->
                    <div class="contact">
                        <div class="app active">
                            <div class="app-contact">
                                <i class="iconfont icon-app"></i>
                                <div class="txt">下载APP</div>
                            </div>
                            <img src="../imgs/code.png" alt="" class="code">
                        </div>
                        <div class="WeChat">
                            <div class="WeChat-contact">
                                <i class="iconfont icon-gongzhonghao"></i>
                                <div class="txt">关注公众号</div>
                            </div>
                            <img src="../imgs/code.png" alt="" class="code">
                        </div>
                    </div>
                </div>
                <!-- 底部网站信息 -->
                <div class="site-info">
                    <div class="copyright">Copyright©2019 得程</div>
                    <div class="record">备案号：粤ICP备12034550号-1</div>
                    <div class="record-info">
                        <img src="../imgs/record.png" alt="">
                        <div class="record-num">京公网安备11010502032801</div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="../js/jquery.slim.min.js"></script>
    <!-- <script src="../bootstrap-4.6.1-dist/js/bootstrap.min.js"></script> -->
    <script src="../swiper-8.0.7/swiper8/swiper-bundle.min.js"></script>

    <script>
        $(function () {
            // 用户信息的显示与隐藏
            $('.user').on('mouseenter mouseleave ', function () {
                $(this).find('.user-menu').toggle(1000);
            });

            // 投递简历信息的显示与隐藏
            $('.online-resume').on('click', function () {
                $(this).siblings('.select-resume').toggle(1000);
            });
            // 选择简历
            $('.select').on('click', function () {
                //蓝点
                $('.select').empty();
                $(this).append('<div class="selectd"></div>');

                //选择简历显示
                let html = $(this).parent().clone().html();
                // console.log(html);
                html += '<img src="../imgs/little-down-arrow.png" alt="" class="little-down-arrow">';
                $('.online-resume').empty().append(html);
            });


            // 底部二维码图片显示
            $('.app-contact').on({
                mouseenter: function () {
                    $(this).parent().addClass("active");
                    $('.WeChat-contact').parent().removeClass("active");
                }
            });
            $('.WeChat-contact').on({
                mouseenter: function () {
                    $(this).parent().addClass("active");
                    $('.app-contact').parent().removeClass("active");
                }
            });
        });


    </script>
</body>

</html>